<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="../../lib/css/reset.css" />
    <link rel="stylesheet" href="../../lib/font/iconfont.css" />
    <link rel="stylesheet" href="./css/index.css" />
    <!-- <link rel="stylesheet" href="../../Utils/swiper-bundle.min.css" /> -->
    <script src="../../Utils/jquery.js"></script>
    <script src="../../Utils/islogin.js" type="module"></script>
    <script src="./js/index.js" type="module"></script>
    <script src="../../module/Swiper.js"></script>
  </head>
  <body>
    <div class="wrapper">
      <!-- 导航 -->
      <div class="iq-top-navbar">
        <div class="iq-navbar-custom">
          <div class="container">
            <nav class="navbar navbar-expand-lg navbar-light df">
              <a href="#">
                <div class="iq-navbar-logo df justify-content-between">
                  <img src="../../images/10001.png" class="img-fluid" />
                  <div class="zdy1">
                    <h4>买号么</h4>
                    <p style="color: #777d74">二次元游戏交易社区</p>
                  </div>
                </div>
              </a>
              <div class="iq-search-bar">
                <form class="searchbox">
                  <input
                    type="text"
                    name="kw"
                    value=""
                    class="text search-input"
                    placeholder="输入游戏关键词找游戏找动态..."
                  />
                  <button
                    class="search-link"
                    type="submit"
                    style="top: -1px; background: 0; border: 0; color: #50b5ff"
                  >
                    <i class="iconfont icon-fangdajing"></i>
                  </button>
                </form>
              </div>

              <div class="collapse navbar-collapse">
                <a
                  id="login-btn"
                  href="../login/login.html"
                  class="btn btn-primary ml-5"
                >
                  立即登录</a
                >
              </div>
            </nav>
          </div>
        </div>
      </div>
      <!-- 导航结束 -->

      <!-- 内容开始 -->
      <div class="content-page">
        <div class="container">
          <div class="alert">
            <div class="alert-text">
              MHM重要公告，请大家务必阅读！
              <b><a href="#">立即查看</a></b>
            </div>
          </div>
          <div class="row df fs14">
            <div class="col-lg-1">
              <div class="iq-card df iq-card-flex">
                <div class="iq-card-body">
                  <div class="group-info">
                    <h4>Hi,路过的朋友</h4>
                    <p class="p-2 text-left mt-3 mb-0">
                      MHM是个会员制网站，登录后内容更精彩丰富，如果您还没有账号，那么就免费注册一个吧！
                    </p>

                    <a
                      href="../login/login.html"
                      class="btn btn-primary d-block w-100 mt-3"
                      >立即登录</a
                    >
                    <a href="#" class="btn btn-light d-block w-100 mt-3"
                      >短信登录</a
                    >
                  </div>
                </div>
              </div>
            </div>
            <div class="col-lg-2">
              <div class="iq-card">
                <div class="iq-card-body p-2">
                  <div
                    id="carouselExampleIndicators"
                    class="pos-r carousel slide"
                  >
                    <ol class="carousel-indicators">
                      <li class="active"></li>
                      <li></li>
                      <li></li>
                    </ol>
                    <div class="carousel-inner">
                      <ul>
                        <li>
                          <div class="carousel-item active">
                            <img
                              src="../../images/10054.png"
                              class="d-block w-100"
                              alt="#"
                            />
                          </div>
                        </li>
                        <li>
                          <div class="carousel-item">
                            <img
                              src="../../images/10005.png"
                              class="w-100"
                              alt="#"
                            />
                          </div>
                        </li>
                        <li>
                          <div class="carousel-item">
                            <img
                              src="../../images/10015.png"
                              class="w-100 img1"
                              alt="#"
                            />
                          </div>
                        </li>
                      </ul>
                    </div>
                  </div>
                </div>
              </div>
            </div>

            <div class="col-lg-3">
              <div class="iq-card iq-card-block df">
                <div class="iq-card-body p-4">
                  <p class="text-center mb-4" style="font-size: 20px">
                    (*^﹏^*)
                  </p>
                  <div class="row1 df fw">
                    <div class="text-center col-sm-6">
                      <button type="button" class="btn dis-b btn-light mb-5">
                        我要出售
                      </button>
                    </div>

                    <div class="text-center col-sm-6">
                      <button type="button" class="btn dis-b btn-light mb-5">
                        账号评估
                      </button>
                    </div>

                    <div class="text-center col-sm-6">
                      <a href="#" class="btn dis-b btn-light mb-5">我购买的</a>
                    </div>

                    <div class="text-center col-sm-6">
                      <a href="#" class="btn dis-b btn-light mb-5">我卖出的</a>
                    </div>
                    <div class="text-center col-sm-12">
                      <a href="#" class="btn btn-light dis-b"
                        >我的艾尔之光店铺</a
                      >
                    </div>

                    <div class="text-center col-sm-12">
                      <a href="#" class="btn btn-light dis-b"
                        >我的账号/初始号店铺</a
                      >
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-lg-4">
              <div class="recommend">
                <div class="r-top df">
                  <h4>热门推荐</h4>
                  <span>查看更多</span>
                </div>
                <div class="r-bot df">
                  <div class="r-cont">
                    <img
                      class="r-img"
                      class="r-img"
                      src="../../images/10006.jpg"
                      alt=""
                    />
                    <h5>艾尔之光</h5>
                    <p>10W+商品在售</p>
                  </div>
                  <div class="r-cont">
                    <img class="r-img" src="../../images/10004.png" alt="" />
                    <h5>原神</h5>
                    <p>10W+商品在售</p>
                  </div>
                  <div class="r-cont">
                    <img
                      class="r-img"
                      src="https://www.maihaome.com/file/upload/202112/23/133352271.png"
                      alt=""
                    />
                    <h5>幻塔</h5>
                    <p>10W+商品在售</p>
                  </div>
                  <div class="r-cont">
                    <img
                      class="r-img"
                      src="https://www.maihaome.com/file/upload/202202/20/192300271.png"
                      alt=""
                    />
                    <h5>明日方舟</h5>
                    <p>10W+商品在售</p>
                  </div>
                  <div class="r-cont">
                    <img class="r-img" src="../../images/10010.png" alt="" />
                    <h5>战双帕弥什</h5>
                    <p>10W+商品在售</p>
                  </div>
                  <div class="r-cont">
                    <img class="r-img" src="../../images/10011.png" alt="" />
                    <h5>火影忍者</h5>
                    <p>10W+商品在售</p>
                  </div>
                  <div class="r-cont">
                    <img class="r-img" src="../../images/10012.png" alt="" />
                    <h5>悠久之树</h5>
                    <p>10W+商品在售</p>
                  </div>
                  <div class="r-cont">
                    <img class="r-img" src="../../images/10013.png" alt="" />
                    <h5>崩坏3</h5>
                    <p>10W+商品在售</p>
                  </div>
                  <div class="r-cont">
                    <img class="r-img" src="../../images/10014.png" alt="" />
                    <h5>花亦山心之月</h5>
                    <p>10W+商品在售</p>
                  </div>
                  <div class="r-cont">
                    <img class="r-img" src="../../images/10015.png" alt="" />
                    <h5>少女前线云图计划</h5>
                    <p>10W+商品在售</p>
                  </div>
                  <div class="r-cont">
                    <img class="r-img" src="../../images/10016.png" alt="" />
                    <h5>碧蓝航线</h5>
                    <p>10W+商品在售</p>
                  </div>
                  <div class="r-cont">
                    <img class="r-img" src="../../images/10017.png" alt="" />
                    <h5>斗罗大陆魂师对决</h5>
                    <p>10W+商品在售</p>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-lg-5">
              <div class="history">
                <div class="r-top df">
                  <h4>浏览记录</h4>
                </div>
                <div class="h-bot"></div>
              </div>
            </div>
            <div class="col-lg-6">
              <div class="collection">
                <div class="r-top df">
                  <h4>我的收藏</h4>
                  <span>查看更多</span>
                </div>
                <div class="c-bot"></div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- 内容结束 -->
    <!-- 底部 -->
    <footer class="bg-white iq-footer mt-4">
      <div class="container-fluid">
        <div class="df jb">
          <div class="f-box">
            <ul class="list-inline mb-0">
              <li class="list-inline-item"><a href="/">MHM首页</a></li>
              <li class="list-inline-item"><a href="/member">联系我们</a></li>
              <li class="list-inline-item">
                <a href="https://beian.miit.gov.cn/" target="_blank"
                  >浙ICP备13029517号-1</a
                >
              </li>
            </ul>
          </div>
          <div class="text-right">
            Copyright 2015-2021 <a href="#">MHM</a> All Rights Reserved.
          </div>
        </div>
      </div>
    </footer>
    <!-- <script src="../../Utils/swiper-bundle.min.js"></script> -->
  </body>
</html>
